<link href="{$base_dir}index.php/css/working_calendar.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{$base_dir}modules/working_calendar/js/AJAX_WorkingCalendar.js"></script>

{literal}
<script>
	$(document).ready(function(){
		loadPage('pageContent','ViewCalendarAjax','');
		activeMenu('10', '11');

		$('#editNoteDialog').dialog({
			autoOpen: false,			
			modal: true,
			width: 500,
			height: 200,
			buttons: {
				{/literal} "{translate}Cancel{/translate}" {literal} : function() { 
					$(this).dialog("close"); 
				},
				{/literal} "{translate}Delete{/translate}" {literal}: function() {
					deleteNote();
				},				
				{/literal} "{translate}Save{/translate}" {literal}: function() {
					saveNote();
				}							
			}
		});

		$('#viewNoteDialog').dialog({
			autoOpen: false,			
			modal: true,
			width: 500,
			height: 200,
			buttons: {
				{/literal} "{translate}Close{/translate}" {literal}: function() { 
					$(this).dialog("close"); 
				}
			}
		});	
		
	});
</script>
{/literal}
<div class='nav_left'>
	<div class='nav_right'>
		<div id='calNav' class='nav_bg' style='text-align: center'>
			<a id='ViewCalendarAjax' class="active" href="javascript:loadPage('pageContent','ViewCalendarAjax','');">{translate}VIEW WORKING CALENDAR{/translate}</a>	
			<a id='CreateCalendarAjax' class="last" href="javascript:loadPage('pageContent','CreateCalendarAjax','');">{translate}CREATE WORKING CALENDAR{/translate}</a>
		</div>
	</div>
</div>
<div id='pageContent' style='display: block'>

</div>
<div id="editNoteDialog" title="{translate}NOTE{/translate}" style="display: none;">
	<div id='editContentLoading' style='text-align: center;'>
		<img src="{$base_uri}images/ajax-loader.gif"/>
	</div>
	<div id='editNoteForm' style='display: none; width: 99%; height: 95%;'>
		<textarea id='noteContent' name='noteContent' style='width: 100%; height: 100%;'></textarea>
		<input type='hidden' id='noteId' name='noteId' value=''/>
		<input type='hidden' id='notePerson' name='notePerson' value=''/>
		<input type='hidden' id='noteDate' name='noteDate' value=''/>
	</div>
</div>

<div id="viewNoteDialog" title="{translate}NOTE{/translate}" style="display: none;">
	<div id='viewContentLoading' style='text-align: center;'>
		<img src="{$base_uri}images/ajax-loader.gif"/>
	</div>
	<div id='noteContentView'>
	</div>
</div>